$(document).ready(function() {
    // 使用事件委托来监听“修改”按钮的点击事件
    $('table').on('click', '.edit-button', function() {
        var $row = $(this).closest('tr');
        var $cells = $row.find('td:not(:first-child):not(:nth-last-child(3)):not(:nth-last-child(2)):not(:last-child)');

        $cells.each(function() {
            var $cell = $(this);
            var text = $cell.text();
            var $input = $('<input>', {
                type: 'text',
                value: text
            });
            $cell.empty().append($input);
        });

        // 将“修改”按钮改为“确定”
        $(this).text('确定').removeClass('edit-button').addClass('save-button');
    });

    // 使用事件委托来监听“确定”按钮的点击事件
    $('table').on('click', '.save-button', function() {
        var $row = $(this).closest('tr');
        console.log($row);
        var bookData = {};

        bookData.bookId=$row.find('td:first').text();
        bookData.bookName= $row.find('td:eq(1)').find('input').val();
        bookData.bookWriter= $row.find('td:eq(2)').find('input').val();
        bookData.bookType= $row.find('td:eq(3)').find('input').val();
        bookData.changeDate= $row.find('td:eq(4)').find('input').val();
        console.log(bookData.changeDate);
        // 发送数据到服务器保存
        $.ajax({
            url: '/springMVC_login/book/updateBook', // 更新数据的服务器端点
            method: 'POST',
            contentType: 'application/json', // 设置请求头部
            data: JSON.stringify(bookData),
            success: function(response) {
                alert('保存成功');
                // 将输入框改回文本
                $row.find('input[type="text"]').each(function() {
                    var $input = $(this);
                    $input.parent().text($input.val());
                });
                // 将“确定”按钮改回“修改”
                $('.save-button').text('修改').removeClass('save-button').addClass('edit-button');
            },
            error: function() {
                alert('保存失败');
            }
        });
    });
});